import Vue from "vue";
import VueCodemirror from "vue-codemirror";

// require styles
import "codemirror/lib/codemirror.css";
// require more codemirror resource...
// active-line
import "codemirror/addon/selection/active-line.js";
// language js
import "codemirror/mode/javascript/javascript.js";
// foldGutter
import "codemirror/addon/fold/foldgutter.css";
import "codemirror/addon/fold/foldcode.js";
import "codemirror/addon/fold/foldgutter.js";
import "codemirror/addon/fold/brace-fold.js";
import "codemirror/addon/fold/xml-fold.js";
import "codemirror/addon/fold/indent-fold.js";
import "codemirror/addon/fold/markdown-fold.js";
import "codemirror/addon/fold/comment-fold.js";

import "codemirror/addon/edit/closebrackets.js";
import "codemirror/addon/edit/matchbrackets.js";
// theme css
// import "codemirror/theme/base16-light.css";
// you can set default global options and events when use
Vue.use(VueCodemirror /* {
	options: { theme: 'base16-dark', ... },
	events: ['scroll', ...]
  } */);
